<template>
    <div id="ship">
        <van-nav-bar @nav-bar-title-text-color="text-white" title="购物车" fixed></van-nav-bar>
        <div class="ship_content">
            <van-notice-bar
                left-icon="volume-o"
                text="限时0.1元开省钱卡，领91元通用红包。"/>
            <div>
                <van-empty description="购物车空空如也~好兄dei" />
            </div>
            <van-submit-bar :price='h' button-text="提交订单" @submit="onSubmit">
                <van-checkbox v-model="checked">全选</van-checkbox>
                <template #tip>
                    你的收货地址暂时不支持配送, 
                    <span @click="onClickEditAddress" style="color:#19A7E8">修改地址</span>
                </template>
            </van-submit-bar>
        </div>
        <!-- 页脚 -->
        <van-tabbar v-model="active" border fixed router>
            <van-tabbar-item to="/" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item to="live" icon="video-o" dot>直播</van-tabbar-item>
            <van-tabbar-item to="news" icon='chat-o' badge="5">消息</van-tabbar-item>
            <van-tabbar-item name="shopping" to="shopping" icon="shopping-cart-o">购物车</van-tabbar-item>
            <van-tabbar-item to="me" icon="manager-o">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default ({
    data(){
        return{
            active:"shoping",
            h:0,
            checked:"",
        }
    },
    methods: {
        onSubmit(){},
        onClickEditAddress(){
            this.$router.push("/shoppingaddress")
        }
    },
})
</script>

<style>
#ship .van-nav-bar{
    background-color: rgb(86, 206, 132);
}
#ship .van-nav-bar__title{
    color: aliceblue;
    font-size: 20px;
}
#ship .ship_content{
    position: relative;
    top:46px;
    background: #fff;
}
#ship .ship_content .van-submit-bar{
    bottom: 55px;
    background: #F1F1F1
}
</style>

